/*
 *  Copyright 2020-2021 Huawei Technologies Co., Ltd.
 *
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */

 @font-face {  
  font-family: 'Harmony-Regular';
  src: url('../fonts/Harmony-Regular.ttf');
}
@font-face {
  font-family: 'Harmony-SemiBold';
  src: url(../fonts/Harmony-SemiBold.ttf);
}
@font-face {
  font-family: 'Harmony-Light';
  src: url(../fonts/Harmony-Light.ttf);
}
@font-face {
  font-family: 'Harmony-Thin';
  src: url(../fonts/Harmony-Thin.ttf);
}
@font-face {
  font-family: 'Harmony-UltraLight';
  src: url(../fonts/Harmony-UltraLight.ttf);
}
html, body, #app{
  height: 100%;
}
html,body,p,h1,h2,h3,h4,h5,h6{
  margin:0;
  padding:0;
  /* font-family:'Microsoft Yahei','simsun','arial','tahoma';  */
}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,acronym,
address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,b,
sup,tt,var,u,i,center,dl,dt,dd,ol,ul,li,form,label,legend,table,caption,
tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,
menu,nav,output,ruby,section,summary,time,mark,audio,video {
    border: 0;
    vertical-align: baseline;
}

body,div,p,a,h1,h2,h3,h4,h5,ul,li,span {
    padding: 0;
    margin: 0;
    outline: 0 none;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block;
}

ol,ul {
    list-style: none;
}

blockquote,q {
    quotes: none;
}

blockquote:before,blockquote:after,q:before,q:after {
    content: '';
    content: none;
}

textarea {
    resize: none;
}

div,div:before,div:after,button,button:before,button:after,input,
input:before,input:after,ul,ul:before,ul:after,li,li:before,li:after,a,a:before,a:after,
span,span:before,span:after,label,label:before,label:after,textarea,textarea:before,textarea:after,fieldset,
fieldset:before,fieldset:after {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.defaultFontBlod{
  font-family: Harmony-SemiBold, Arial, Helvetica, sans-serif;
}
.defaultFont{
  font-family: Harmony-Regular, Arial, Helvetica, sans-serif;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix{
  clear: both;
}
a{
  text-decoration: none;
}
.lt{
  float: left;
}
.rt{
  float: right;
}
.mt20{
  margin-top:20px;
}
.flex{
  display: flex
}
.h100{
  height: 100%;
}
.curp{
  cursor: pointer;
}
.padding56{
  padding: 0 56px;
  box-sizing: border-box;
}
.padding_deafult{
  padding: 0 13%;
  box-sizing: border-box;
}
.padding20{
  padding: 20px;
  box-sizing: border-box;
}

.clear:after{
  content: '';
  display: block;
  clear: both;
}

.padding_default{
  padding: 0 10%;
}
@media screen and (max-width:1380px){
  .padding_default{
    padding: 0 56px;
  }
}
/* title */
.title_top {
  padding: 80px 0 60px!important;
  position: relative;
}
.title_left {
    margin-left: 140px;
    font-size: 36px;
    color: #fff;
}
.line_bot{
  display: block;
  width: 88px;
  height: 7px;
  border-radius: 4px;
  background: rgba(244, 243, 245, 0.2);
  margin-top: 15px;
  flex-shrink: 0;
}

/* 弹框 */
.el-dialog__close {
  color: #fff !important;
}
.el-icon-close:before{
  color:#fff !important;
}

.el-checkbox__input.is-checked .el-checkbox__inner {
  background-color: #7ED4A9 !important;
  border-color: #7ED4A9 !important;
}
.el-checkbox__inner{
  width: 18px !important;
  height: 18px !important;
}
.el-checkbox__inner::after{
  border: 2px solid #ffffff !important;
  border-left: 0 !important;
  border-top: 0 !important;
  height: 10px !important;
  left: 7px !important;
}
.el-checkbox__input.is-indeterminate .el-checkbox__inner {
  background-color: #7ED4A9 !important;
  border-color: #7ED4A9 !important;
}
.el-checkbox__inner:hover {
  border-color: #7ED4A9 !important;
}


.el-table.common-table{
  font-size: 16px;
}
.el-table.common-table, .el-table__expanded-cell, .el-table.common-table th.el-table__cell, 
.el-table.common-table th,.el-table.common-table th.el-table__cell > .cell, .el-table.common-table tr, .el-table.common-table td.el-table__cell > .cell { 
  background-color: transparent;
  color: #fff;
}
.el-table tbody tr:hover>td {
background-color:transparent !important
}
.common-table.el-table th.el-table__cell.is-leaf, .common-table.el-table td.el-table__cell, .el-table th.is-leaf, .el-table td{
  border-bottom: 1px solid #4e3494 !important;
}
.el-table.common-table thead tr{
  height: 51px;
  background-color: #4e3494;
}
.el-table.common-table .el-table__cell {
  padding: 0;
}
.el-table td{
  min-height: 50px !important;
  border-bottom: 1px solid #4e3494;
}
th{
  font-weight: normal;
}
.el-table.common-table::before{
  height: 0;
}
.el-table__header-wrapper{
  border-radius: 8px
}

.el-input.common-input .el-input__inner,.el-select.common-select .el-input__inner{
  width: 200px;
  color: #fff;
  background-color: rgba(255,255,255,.45);
  border: none;
  height: 30px;
}
.common-input .el-input__icon,.common-select .el-input__icon,.common-select .el-select__caret{
  line-height: 30px;
  color: #fff;
}
.common-select .el-select .el-input .el-select__caret{
  color: #fff;
}

/* 弹框确认 */
  .el-dialog__header{
    border-radius: 16px 16px 0 0;
  }
  .el-dialog__title{
    font-size: 18px !important;
    color: #fff !important;
  }
  .el-dialog__body{
    padding: 20px 20px !important;
  }
  .prompt-text{
    font-size: 16px;
    color: #fff;
    padding-top: 10px;
  }
  .el-dialog__footer{
    text-align: center !important;
    border-radius: 0 0 16px 16px;
  }
  .el-dialog__headerbtn{
    font-size: 18px !important;
  }
  .commondlg .el-dialog{
    background: transparent;
  }
  .commondlg .el-form-item__label{
    color: #fff;
    height: 36px;
    line-height: 36px;
  }
  .commondlg .el-dialog__header,.commondlg .el-dialog__body,.commondlg .el-dialog__footer{
    background: rgba(46, 20, 124, 0.7) !important;
    backdrop-filter: blur(6px);
    clear: both;
    color: #fff;
  }
  .commondlg  .el-dialog__title::before{
    content: '';
    display:inline-block;
    width:10px;
    height:10px;
    margin-right:10px;
    border-radius: 50%;
    background: #43F6AD;
    position: relative;
   }
   .el-input.dlg-input .el-input__inner,.el-select.dlg-select .el-input__inner,.el-textarea.dlg-input .el-textarea__inner,.dlg-input.el-input.is-disabled .el-input__inner,.el-select .el-input.is-disabled .el-input__inner{
    color: #fff;
    background-color: rgba(255,255,255,.45);
    border: none;
    height: 30px;
  }

  /* 提示框 */
  .el-tooltip__popper.is-dark {
    background: #ebe0fb !important;
    color: #280b4e !important;
    font-size: 16px !important;
}
  .el-tooltip__popper .popper__arrow, .el-tooltip__popper .popper__arrow::after{
    border-color: transparent;
  }

.el-popover{
  border-radius: 10px !important;
  max-width: 400px;
}
.common-div{
  padding: 40px;
  border-radius: 16px;
  background: rgba(46,20,124,.7);
  backdrop-filter: blur(6px);
  clear: both;
  position: relative;
}
/* btn */
.el-button.common-btn{
  border-radius: 17px !important;
  padding: 6px 32px !important;
  border: none !important;
  color: #5944C0 !important;
  font-size: 16px !important;
  height: 30px;
}
.el-button.common-btn:hover{
  color: #fff !important;
  background-color: #5347a0 !important;
}
.el-button.common-btn.is-disabled,.el-button.common-btn.is-disabled:focus, .el-button.common-btn.is-disabled:hover{
  color: #5E49A7 !important;
  background-color: rgba(10,9,54,.1) !important;
}
.el-button.inner-btn{
  color: #fff !important;
  font-size: 14px !important;
  background-color: #4e3494 !important;
  border: none;
  padding: 7px 10px;
}
.el-button.inner-btn:hover{
  color: #806bbc !important;
  background-color: #412590 !important;
}